<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS常见字体属性_字体族</title>
    <style>
        /*
        属性名:font-family
        语法:div{
        font-family:"字体1","字体2",serif/sans-serif(衬线/非衬线);
        }

        1.使用字体的英文名兼容性会更好,具体英文名可以自行查询
        2.如果字体名包含空格,必须使用引号包裹起来
        3.可以设置多个字体,按照从左到右顺序逐个查找,找到就用,没有找到就使用后面的
        且通常在最后协商serif(衬线字体)或sans-serif(非衬线字体)
        4.在windows系统中,默认的字体就是微软雅黑
        */
        .one {
            font-family: "Kristen ITC", serif;
        }

        .two {
            font-family: "华文宋体", serif;
        }

        .three {
            font-family: "华文彩云", serif;
        }

        .four {
            font-family: "华文宋体", serif;
        }
    </style>

</head>
<body>
<div class="one">前端1</div>
<div class="two">前端2</div>
<div class="three">前端3</div>
<div class="four">前端4</div>
</body>
</html>